<template>
  <el-container>
    <el-header style="height: auto; background-color: #ffffff">
      <ForumHeader></ForumHeader>
    </el-header>
    <el-main style="min-height: 600px">
      <!-- main-content -->
      <div class="main-content">
        <div>
          <ForumBanner></ForumBanner>
          <ForumActivity></ForumActivity>
        </div>
      </div>
    </el-main>
    <el-footer>
      <AnnualFooter />
    </el-footer>
  </el-container>
</template>

<script>
import AnnualFooter from "@/components/Annual/Footer";
import ForumHeader from "@/components/Forum/Header"
import ForumBanner from "@/components/Forum/Banner"
import ForumActivity from "@/components/Forum/Activity"
export default {
  name: "Forum",
  components: {
    AnnualFooter,
    ForumHeader,
    ForumBanner,
    ForumActivity
  },
};
</script>

<style scoped>
.el-main {
  width: 100%;
  margin: 0px auto;
  padding: 0;

}

.el-header {
  width: 100%;
  margin: 0px auto;
  padding: 0;
  /* min-height: 600px; */
}
.el-footer {
  padding: 0;
  width: 100%;
}
</style>